Ты ux/ui дизайнер с многолетним опытом. добавь в этот шаблон письма, изображение миленьких котиков, а еще тему заявки. Учитывай что изображение может быть разных размеров. Верстка должна это предусматривать. А так же предусматривать то, что картинки может и не быть. 
Вот 
{
  "cat_url": "https://cdn2.thecatapi.com/images/blp.jpg",
  "cat_width": "1936",
  "cat_height": "2592"
}


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <title>Оценка качества задачи</title>
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <![endif]-->
  <style type="text/css">
    body {
      margin: 0 !important;
      padding: 0 !important;
      background-color: #f9f9f9 !important;
    }
    table {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    td {
      border-collapse: collapse;
    }
    .button-td {
      background-color: #e74c3c;
      border-radius: 4px;
    }
    .button-a {
      background-color: #e74c3c;
      border: 1px solid #e74c3c;
      border-radius: 4px;
      color: #ffffff;
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: normal;
      line-height: 16px;
      padding: 12px 24px;
      text-align: center;
      text-decoration: none;
      width: 200px;
      -webkit-text-size-adjust: none;
      mso-hide: all;
    }
  </style>
</head>
<body style="margin: 0; padding: 0; background-color: #f9f9f9; font-family: Arial, sans-serif;">
  <!--[if mso | IE]>
  <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f9f9f9;">
    <tr>
      <td>
  <![endif]-->
  
  <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f9f9f9;">
    <tr>
      <td style="padding: 20px 0;">
        <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="background-color: #ffffff;">
          <tr>
            <td style="padding: 20px;">
        <![endif]-->
        
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; margin: 0 auto; background-color: #ffffff;">
          <tr>
            <td style="padding: 20px;">
              
              <!-- Header -->
              <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td style="padding-bottom: 20px;">
                    <h2 style="margin: 0; font-family: Arial, sans-serif; font-size: 20px; line-height: 24px; color: #333333; font-weight: normal;">
                      Оцените, пожалуйста, качество выполнения задачи {{issue.key}}
                    </h2>
                    <p style="margin: 10px 0 0 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #555555;">
                      Нажмите на одну из кнопок ниже:
                    </p>
                  </td>
                </tr>
              </table>
              
              <!-- Buttons -->
              <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td style="padding: 10px 0; text-align: center;">
                    
                    <!-- Button 1 -->
                    <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=1" style="height:40px;v-text-anchor:middle;width:240px;" arcsize="10%" stroke="f" fillcolor="#e74c3c">
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;">1 — Очень плохо</center>
                    </v:roundrect>
                    <![endif]-->
                    <a href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=1" style="background-color: #e74c3c; border: 1px solid #e74c3c; color: #ffffff; display: inline-block; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none; mso-hide: all;">1 — Очень плохо</a>
                    
                  </td>
                </tr>
                <tr>
                  <td style="padding: 5px 0; text-align: center;">
                    
                    <!-- Button 2 -->
                    <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=2" style="height:40px;v-text-anchor:middle;width:240px;" arcsize="10%" stroke="f" fillcolor="#e67e22">
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;">2 — Плохо</center>
                    </v:roundrect>
                    <![endif]-->
                    <a href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=2" style="background-color: #e67e22; border: 1px solid #e67e22; color: #ffffff; display: inline-block; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none; mso-hide: all;">2 — Плохо</a>
                    
                  </td>
                </tr>
                <tr>
                  <td style="padding: 5px 0; text-align: center;">
                    
                    <!-- Button 3 -->
                    <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=3" style="height:40px;v-text-anchor:middle;width:240px;" arcsize="10%" stroke="f" fillcolor="#f1c40f">
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;">3 — Удовлетворительно</center>
                    </v:roundrect>
                    <![endif]-->
                    <a href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=3" style="background-color: #f1c40f; border: 1px solid #f1c40f; color: #ffffff; display: inline-block; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none; mso-hide: all;">3 — Удовлетворительно</a>
                    
                  </td>
                </tr>
                <tr>
                  <td style="padding: 5px 0; text-align: center;">
                    
                    <!-- Button 4 -->
                    <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=4" style="height:40px;v-text-anchor:middle;width:240px;" arcsize="10%" stroke="f" fillcolor="#2ecc71">
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;">4 — Хорошо</center>
                    </v:roundrect>
                    <![endif]-->
                    <a href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=4" style="background-color: #2ecc71; border: 1px solid #2ecc71; color: #ffffff; display: inline-block; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none; mso-hide: all;">4 — Хорошо</a>
                    
                  </td>
                </tr>
                <tr>
                  <td style="padding: 5px 0; text-align: center;">
                    
                    <!-- Button 5 -->
                    <!--[if mso]>
                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=5" style="height:40px;v-text-anchor:middle;width:240px;" arcsize="10%" stroke="f" fillcolor="#27ae60">
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;">5 — Отлично</center>
                    </v:roundrect>
                    <![endif]-->
                    <a href="https://minonined.beget.app/webhook/jira-rating?issueKey={{issue.key}}&userKey={{assignee.displayName.urlEncode}}&reporter={{reporter.displayName.urlEncode}}&rating=5" style="background-color: #27ae60; border: 1px solid #27ae60; color: #ffffff; display: inline-block; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none; mso-hide: all;">5 — Отлично</a>
                    
                  </td>
                </tr>
              </table>
              
              <!-- Footer -->
              <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td style="padding-top: 20px; text-align: center;">
                    <p style="margin: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 16px; color: #999999;">
                      Нажатие на кнопку означает, что вы завершили взаимодействие по этой задаче.
                    </p>
                  </td>
                </tr>
              </table>
              
            </td>
          </tr>
        </table>
        
        <!--[if mso | IE]>
            </td>
          </tr>
        </table>
        <![endif]-->
      </td>
    </tr>
  </table>
  
  <!--[if mso | IE]>
      </td>
    </tr>
  </table>
  <![endif]-->
</body>
</html>