Email invite design improvements (#8681)

closes #7140 

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

packages/twenty-emails/src/emails/send-invite-link.email.tsx

@@ -1,4 +1,5 @@
 import { Img } from '@react-email/components';
+import { emailTheme } from 'src/common-style';
 
 import { BaseEmail } from 'src/components/BaseEmail';
 import { CallToAction } from 'src/components/CallToAction';
@@ -33,8 +34,12 @@ export const SendInviteLinkEmail = ({
       <Title value="Join your team on Twenty" />
       <MainText>
         {capitalize(sender.firstName)} (
-        <Link href={sender.email} value={sender.email} />) has invited you to
-        join a workspace called <b>{workspace.name}</b>
+        <Link
+          href={sender.email}
+          value={sender.email}
+          color={emailTheme.font.colors.blue}
+        />
+        ) has invited you to join a workspace called <b>{workspace.name}</b>
         <br />
       </MainText>
       <HighlightedContainer>