Email invite design improvements (#8681)

closes #7140 

![image](https://github.com/user-attachments/assets/d3a31a49-8b37-4456-98e3-a16fbccb3786)

packages/twenty-emails/src/components/Link.tsx

@@ -1,21 +1,27 @@
-import { ReactNode } from 'react';
 import { Link as EmailLink } from '@react-email/components';
+import { ReactNode } from 'react';
 
 import { emailTheme } from 'src/common-style';
 
 const linkStyle = {
-  color: emailTheme.font.colors.tertiary,
   textDecoration: 'underline',
 };
 
 type LinkProps = {
   value: ReactNode;
   href: string;
+  color?: string;
 };
 
-export const Link = ({ value, href }: LinkProps) => {
+export const Link = ({ value, href, color }: LinkProps) => {
   return (
-    <EmailLink href={href} style={linkStyle}>
+    <EmailLink
+      href={href}
+      style={{
+        ...linkStyle,
+        color: color ?? emailTheme.font.colors.tertiary,
+      }}
+    >
       {value}
     </EmailLink>
   );